<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script>
        function loadCities()
        {
            var c=document.getElementById("countryid").value;
            var div=document.getElementById("cities");
            if(c=="Colombia")
            {
                div.innerHTML='City:<select name="city" id="cityid">'+
                   ' <option value="Bogota" selected="selected">Bogota</option>'+
                    '<option value="Medellin">Medellin</option>'+
                    '<option value="Barranquilla">Barranquilla</option>'+
                    '<option value="Cali">Cali</option>'+
                    '<option value="Unknown">Other</option>'+
                    '</select>';
            }
            else if(c=="United%20States")
            {
                div.innerHTML='City:<select name="city" id="cityid">'+
                        ' <option value="New York" selected="selected">New York</option>'+
                        '<option value="Miami">Miami</option>'+
                        '<option value="Orlando">Orlando</option>'+
                        '<option value="Washington">Washington</option>'+
                        '<option value="Unknown">Other</option>'+
                        '</select>';
            }
            else
            {
                div.innerHTML="<input type='hidden' value='Unknown' name='city'>" +
                        "<p>City: Unknown</p>";
            }
        }
    </script>
</head>
<body>
<h1>Register Player Form</h1>
    <form action="../Beans/HomeBean.php" method="get">
        <input type="hidden" value="RegisterPlayer" name="oper"/>
        Name:<input type="text" name="name"/><br/>
        Birthday:
        <select name="day"  id="dayid">
            <option value="day" selected="selected">Day</option>
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
            <option value="05">05</option>
            <option value="06">06</option>
            <option value="07">07</option>
            <option value="08">08</option>
            <option value="09">09</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>

        </select>
        <select name="month" id="monthid">
            <option value="month" selected="selected">Month</option>
            <option value="Jan">Jan</option>
            <option value="Feb">Feb</option>
            <option value="Mar">Mar</option>
            <option value="Apr">Apr</option>
            <option value="May">May</option>
            <option value="Jun">Jun</option>
            <option value="Jul">Jul</option>
            <option value="Aug">Aug</option>
            <option value="Sep">Sep</option>
            <option value="Oct">Oct</option>
            <option value="Nov">Nov</option>
            <option value="Dec">Dec</option>

        </select>
        <select name="year" id="yearid">
            <option value="year" selected="selected">Year</option>
            <option value=2007>2007</option>
            <option value=2006>2006</option>
            <option value=2005>2005</option>
            <option value=2004>2004</option>
            <option value=2003>2003</option>
            <option value=2002>2002</option>
            <option value=2001>2001</option>
            <option value=2000>2000</option>
            <option value=1999>1999</option>
            <option value=1998>1998</option>
            <option value=1997>1997</option>
            <option value=1996>1996</option>
            <option value=1995>1995</option>
            <option value=1994>1994</option>
            <option value=1993>1993</option>
            <option value=1992>1992</option>
            <option value=1991>1991</option>
            <option value=1990>1990</option>
            <option value=1989>1989</option>
            <option value=1988>1988</option>
            <option value=1987>1987</option>
            <option value=1986>1986</option>
            <option value=1985>1985</option>
            <option value=1984>1984</option>
            <option value=1983>1983</option>
            <option value=1982>1982</option>
            <option value=1981>1981</option>
            <option value=1980>1980</option>
            <option value=1979>1979</option>
            <option value=1978>1978</option>
            <option value=1977>1977</option>
            <option value=1976>1976</option>
            <option value=1975>1975</option>
            <option value=1974>1974</option>
            <option value=1973>1973</option>
            <option value=1972>1972</option>
            <option value=1971>1971</option>
            <option value=1970>1970</option>
            <option value=1969>1969</option>
            <option value=1968>1968</option>
            <option value=1967>1967</option>
            <option value=1966>1966</option>
            <option value=1965>1965</option>
            <option value=1964>1964</option>
            <option value=1963>1963</option>
            <option value=1962>1962</option>
            <option value=1961>1961</option>
            <option value=1960>1960</option>
            <option value=1959>1959</option>
            <option value=1958>1958</option>
            <option value=1957>1957</option>
            <option value=1956>1956</option>
            <option value=1955>1955</option>
            <option value=1954>1954</option>
            <option value=1953>1953</option>
            <option value=1952>1952</option>
            <option value=1951>1951</option>
            <option value=1950>1950</option>
            <option value=1949>1949</option>
            <option value=1948>1948</option>
            <option value=1947>1947</option>
            <option value=1946>1946</option>
            <option value=1945>1945</option>
            <option value=1944>1944</option>
            <option value=1943>1943</option>
            <option value=1942>1942</option>
            <option value=1941>1941</option>
            <option value=1940>1940</option>
            <option value=1939>1939</option>
            <option value=1938>1938</option>
            <option value=1937>1937</option>
            <option value=1936>1936</option>
            <option value=1935>1935</option>
            <option value=1934>1934</option>
            <option value=1933>1933</option>
            <option value=1932>1932</option>
            <option value=1931>1931</option>
            <option value=1930>1930</option>

        </select><br/>
        Mail:<input type="text" name="mail"/><br/>
        <input type="radio" name="gender" value="Male"/>Male<input type="radio" name="gender" value="Female"/>Female<br/>
        Password:<input type="password" name="pass"/><br/>
        Again Password:<input type="password" name="p2"/><br/>
        Country:<select name="country" id="countryid" onclick="loadCities()"><br/>
            <option value="Colombia" selected="selected">Select</option>
            <option value="Colombia" >Colombia</option>
            <option value="United%20States">United States</option>

            <option value="Unknown">Other</option>
        </select>
        <div id="cities"></div>
        <input type="submit" value="Register"/>
    </form>
</body>
</html>